<!-- Comienza un script en javascript -->
<script type="text/javascript">

    //Valida el formato en que se introduce la fecha.
    function validarFecha(form){

        var regex1 = /((0[1-9])|(1|2)[0-9]|(3(0|1)))[/-](0[1-9]|1[0-2])[/-]([1-9][0-9][0-9][0-9])/;

        if ( (form.fecha.value.match(regex1)) ){
            form.fecha.style.color = "black";
            form.enviar.disabled = false;
        }

        else {
            form.fecha.style.color = "red";
            form.enviar.disabled = true;
        }
    }

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <?php include("header.php"); ?>
    <body>
        <?php include("subheader.php"); ?>
        <div id="contentbg">
            <div id="contentblank">
                <div id="content">

                    <?php
                    include_once("contentleft.php");
                    ?>

                    <div id="contentmid">

                        <div class="midheading">
                            <h2>Personas Afectadas</h2>
                        </div>

                        <div class="midtxt">
                            <h3> En esta secci&oacute;n usted podr&aacute; Agregar Personas Afectadas.</h3>
                        </div>

                        <!-- Simplemente crea un espacio vertical. -->
                        <table>
                            <tr> <td> <br></br> </td> </tr>
                            <tr> <td> <br></br> </td> </tr>
                        </table>

                        <!-- Crea un formulario para introducir datos de personas. -->
                        <div>
                            <form action="PersonaAfectadaAgregada.php" method="POST" enctype="multipart/form-data">
                                <table border="0" cellpadding="4" cellspacing="0" width="400">
                                    <tr>
                                        <td> Nombre: </td>
                                        <td> <input type="text" name="nombre"/> </td>
                                    </tr>
                                    <tr>
                                        <td> Cedula: </td>
                                        <td> <input type="text" name="cedula"/> </td>

                                    </tr>
                                    <tr>
                                        <td> Fecha del suceso: </td>
                                        <td> <input type="text" name="fecha" size="10" maxlength="10" onkeyup="validarFecha(this.form)"/> </td>

                                    </tr>
                                    <tr>
                                        <td> Contacto: </td>
                                        <td> <input type="text" name="contacto" size="20" maxlength="50"/> </td>
                                    </tr>
                                    <tr>
                                        <td> Numero: </td>
                                        <td> <input type="text" name="numero" size="20" maxlength="30"/> </td>
                                    </tr>
                                     <tr>
                                        <td> Descripcion: </td>
                                        <td> <textarea name="descripcion" cols="40" rows="3" > </textarea> </td>
                                    </tr>
                                    <tr>
                                        <td> Foto: </td>
                                        <td> <input name="archivo" type="file" size="20" /> </td>
                                    </tr>
                                    <tr align="center"><td></td>
                                        <td align="center"> <input name="enviar" type="submit" value="Enviar" align="center"disabled />
                                        <input type="reset" value="Limpiar" name="limpiar"/></td>
                                        <td> <input name="action" type="hidden" value="upload" /> </td>
                                    </tr>
                                </table>
                            </form>
                        </div>

                        <div class="midtxt">
                            <h4> En esta secci&oacute;n usted podr&aacute; Consultar Personas Afectadas.</h4>
                        </div>

                        <!-- Simplemente crea un espacio vertical. -->
                        <br></br>

                        <!-- Crea un formulario para consultar personas personas. -->

                        <form name="consultarAfectadoF" method="POST" action="consultarPersonaAfectada.php">
                            <center>
                                <table border="0" cellpadding="4" cellspacing="0" width="400">

                                    <br></br> <!-- Da formato. -->

                                        <tr>
                                            <td> Por fecha: </td>
                                            <td> <input type="text" name="fecha" onkeyup="validarFecha(this.form)"/> </td>
                                            <td> <input type="submit" name="enviar" value="Consultar" disabled/> </td>
                                        </tr>                                     

                                </table>
                            </center>
                        </form>
                        <form name="consultarAfectado" method="POST" action="consultarPersonaAfectada.php">
                            <center>
                                <table border="0" cellpadding="4" cellspacing="0" width="400">

                                    <tr>
                                        <td align="center"> <input type="submit" name="irTodos" value="Consultar Todos"/> </td>
                                    </tr>

                                </table>
                            </center>
                        </form>
                    </div>

                </div>



            </div>
        </div>
        </div>
        <?php include("footer.php");?>
    </body>
</html>
